// pages/colorBox/colorBox.js
const db = wx.cloud.database()
Page({

    /**
     * 页面的初始数据
     */
    data: {
        colorObj: ""
    },
    showColor(e) {
        const index = e.currentTarget.dataset.index;
        console.log(index);
        if (this.data.colorObj[index].opacity === 1) {
            const colorCopy = this.data.colorObj;
            colorCopy[index].opacity = 0;
            this.setData({
                colorObj: colorCopy
            })
        } else {
            const colorCopy = this.data.colorObj;
            colorCopy[index].opacity = 1;
            this.setData({
                colorObj: colorCopy
            })
        }
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        db.collection("caomuran").get({
            success: res => {
                console.log(res);
                this.setData({
                    colorObj: res.data
                })
            }
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})